<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$meta_title}_{:C('WEB_SITE_TITLE')}</title>
<include file="Public/s0_head"/>
<block name="exhead"></block>
</head>
<block name="body">
<body>
	<block name="loginbar">
	<!-- 顶部登录条 loginbar -->
	<div class="container-fluid loginbar">
		<div class="container">
			<div class="loginbar-info userInfo">
				<if condition="is_login()">
				<div class="dropdown">
					<div id="dLabel" class="fl">欢迎您<a role="button"  data-taget="#" data-toggle="dropdown" href="">&nbsp;&nbsp; <b>{:get_username()}&nbsp;<span class="fa fa-caret-down"></span></b></a></div>
					<span class="sep">|</span>
					<ul class="dropdown-menu userToggle" role="menu" aria-labelledby="dLabel">
					<img style="position:absolute;top:-7px;left:75px;index:1100;" src="http://c1.mifile.cn/f/i/2014/cn/icon/user-menu-arrow.png" />
						 <li><a rel="nofollow" href="index.php?s=/Home/center/index.html">个人中心</a></li>
						 <li><a rel="nofollow" href="index.php?s=/Home/center/collect.html">我的收藏</a></li>
						 <li><a rel="nofollow" href="index.php?s=/Home/center/coupon.html">优惠券</a></li>
						 <li><a rel="nofollow" href="index.php?s=/Home/center/comment.html">我的评论</a></li>
						 <li><a rel="nofollow" href="index.php?s=/Home/User/logout.html">退出</a></li>
				    </ul>
				<a href="index.php?s=/Home/center/allorder.html">我的订单</a>
				</div>
				<else />
				<a href="{:U('User/login')}">登录</a>
				<span class="sep">|</span>
				<a href="{:U('User/register')}">注册</a>
				</if>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$('#dLabel,.userToggle').hover(function(){
				$('.userToggle').css('display','block');
				},function(){
				$('.userToggle').css('display','none');
				});
	</script>
	<!-- 顶部登录条 loginbar end-->
	</block>

	<block name="site-body">
	<!-- 主体内容 site-body -->
	
		<block name="site-herder-nav">
		<include file="Public/mDetail_nav" />
		</block>

		<block name="goods">
		<div class="container" ng-app="">
			<div class="col-md-12 main-nav h4Title nopadding">
				<a rel="nofollow" href="{:C('DOMAIN')}"><i class="fa fa-home"></i>&nbsp;&nbsp;首页</a>&gt;{$info.category_id|get_location_name}&gt;<a class="h5Title"href="{:U('Article/detail?id='.$info['id'])}">{$info.title}</a>
			</div>

			<div class="col-md-10 goods-detail">
			<div class="row">
				<div class="col-md-6 goods-detail-img nopadding">
					<div class="jqzoom col-md-12 text-center" id="spec-n1" >
						<img  class="mborder col-md-10 col-md-offset-1" height="370" src={{jqimg}} ng-init='jqimg="{$info.cover_id|get_cover='path'}"' >
					</div>
					<div class="col-md-12" style="height:20px;"></div>
					<div class="col-md-12">
								<div class="control col-md-1" id="spec-left">
									<img src="__IMG__/btn_mobile_prev_cur.jpg" />
								</div>
								<div class="col-md-10 list-h-screen nopadding">
									<ul class="list-h">
									<php> if(!empty($info['pics'])){ $pics= explode(',',$info['pics']);}else{ $pics="";} </php>
								    <li ng-mouseover='jqimg="{$info.cover_id|get_cover='path'}"' class=""><img src="{$info.cover_id|get_cover='path'}" /></li>
									<notempty name="pics">
										<volist name="pics" id="v">
										<li ng-mouseover='jqimg="{$v|get_cover='path'}"'><img src="{$v|get_cover='path'}" data-id="{$v}"/> </li>          
										</volist>
									</notempty> 
									<empty name="pics">			
										<li ng-mouseover="jqimg='__IMG__/2-1.jpg'"><img src="__IMG__/2-1.jpg"> </li>
										<li ng-mouseover="jqimg='__IMG__/2-2.jpg'"><img src="__IMG__/2-2.jpg"> </li>	
										<li ng-mouseover="jqimg='__IMG__/2-3.jpg'"><img src="__IMG__/2-3.jpg"> </li>
										<li ng-mouseover="jqimg='__IMG__/2-4.jpg'"><img src="__IMG__/2-4.jpg"> </li>
										<li ng-mouseover="jqimg='__IMG__/2-3.jpg'"><img src="__IMG__/2-3.jpg"> </li>
										<li ng-mouseover="jqimg='__IMG__/2-4.jpg'"><img src="__IMG__/2-4.jpg"> </li>
									</empty>
									</ul>
								</div>
								<div class="control col-md-1" id="spec-right">
									<img src="__IMG__/btn_mobile_next_cur.jpg" />
								</div>
								<script type="text/javascript">
									/* 产品图片左右滑动动画 */
									var liNum=($('.list-h li').size());
									var clickRnum=0;
									$('#spec-right').click(function(){
											if(clickRnum+5<liNum){
												clickRnum=clickRnum+1;
												$('.list-h').animate({left:'-'+76*clickRnum+"px"},function(){
													});	
												}
									});
									$('#spec-left').click(function(){
											if(clickRnum!==0)
											clickRnum=clickRnum-1;
											$('.list-h').animate({left:'-'+76*clickRnum+"px"});	
									});
									/* 产品购买数量增加或减少 */
									function numController($scope){
										$scope.addNum=function(){
											$scope.post.num=parseInt($scope.post.num)+1;
										}
										$scope.cutNum=function(){
											if($scope.post.num>1)
											$scope.post.num=$scope.post.num-1;
											else
												alert('数量最低为1');
										}
									}
								</script>
					</div>
				</div>
				<div class="col-md-6 goods-detail-info">
					<div class="col-md-12 h3Title">{$info.title}</div>
					<div class="col-md-2 h45Title">价格：</div>
					<div class="col-md-10 h35Title">
						￥<php> if(!empty($info['groupprice'])){ $price= explode('、',$info['groupprice']);} else{ $price="";} </php>
						<notempty name="price">
						<volist name="price" id="v"  key="k" offset="0" length="1">
						{$v}         
						</volist>
						</notempty>
						<empty name="price">
						 {$info['price']}    
						</empty>
					</div>
					<div class="col-md-2 h45Title">销量：</div>
					<div class="col-md-10 h45Title">{$info.sale}</div>
                    <notempty name="info['brand']">
					<div class="col-md-2 h45Title">品牌：</div>
					<div class="col-md-10 h45Title">{$info.brand}</div>
                    </notempty>
					<div class="col-md-2 h45Title">数量：</div>
						<input type="hidden" name="id[]" value="{$info.id}"/> 
						<input type="hidden" name="price[]" id="inputprice" value="{$info.price}"/> 
						<input type="hidden" name="sort[]" id="inputsort" value="{$info.id}"/> 
						<input type="hidden" name="parameters[]" id="inputparameters" /> 
					<div class="col-md-10 h45Title" ng-controller="numController">
						<div class="mborder" style="width:150px;height:40px;">
							<span style="text-align:center;width:25px;float:left;border-right:1px solid rgb(230,230,230);" ng-click="addNum()">+</span>
							<input style="border:0px;width:98px;float:left;height:38px;text-align:center" type="text" ng-model="post.num"  ng-init="post.num=1" name="num[]">
							<span style="text-align:center;width:25px;float:left;border-left:1px solid rgb(230,230,230);" ng-click="cutNum()">-</span> 
						</div>
					</div>
                    <div class="col-md-12" style="height:20px;"></div>
					<notempty name="info['parameters_value']">
					<div class="col-md-2 h45Title">    {$info.parameters}： <php>
						 if(!empty($info['parameters_value'])){ $datalist= explode('、',$info['parameters_value']);}else{
						  
						  $datalist="";}</php>
					</div>
					<div class="col-md-10 h45Title">
						   <notempty name="datalist">
								<volist name="datalist" id="v"  key="k">                
								<li class="mDetail-datalist"><a href="#" price="{$k}">{$v} </a></li>        
								</volist>
							</notempty>
					</div>
					</notempty> 
                    <div class="col-md-12" style="height:20px;"></div>
					<notempty name="info['parameters_value']">
                    <div class="mDetail-shop fl">直接购买</div>
                    <div class="mDetail-shop fl"><i class="fa fa-shopping-cart"></i>&nbsp;&nbsp;加入购物车</div>
				</div>
			</div>
			</div>

			<div class="col-md-2">

			</div>
		</div>		
		<script type="text/javascript">
		</script>
		</block>
	<!-- 主体内容 site-body end-->
	</block>
	
	<block name="footer">
	<!-- 底部内容 footer-->
		<div class="container text-center">
			<br />
			<br />
			<li><a href="">常见问题</a></li>
			<br />
			<li><a href="">久茗轩茶叶有限公司版权所有-京ICP备10046444-京公网安备1101080212535</a></li>
		</div>
	<!-- 底部内容 footer end-->
	</block>	
</body>
</block>
</html>
